*, *:before, *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
body {
    font-size: 12px;
}
.frame-top{
    height:66px;
    background-position: 0 0;
    background: url(../images/bg.png) repeat-x;
}
.frame-top .logo{
    width:450px;
    margin-top:7px;
    height:50px;
    background-image: url(../images/logo.png);
    background-repeat:no-repeat;
    position: absolute;
    float:left;
    margin-left: 26px;
}
.logo .sysChnName{
    position: absolute;
    font-size:26px;
    top:-1px;
    left:58px;
    font-family: "隶书";
    font-weight: bolder;
}
.logo .sysEngName{
    position: absolute;
    font-size:12px;
    top:29px;
    left:62px;
    font-family: "隶书";
    font-weight: bolder;
}
.frame-top-menu{
    float:right;
    margin-top:3px;
    height:54px;
    margin-right:30px;
    font-size: 30px;
    margin-top: 9px;
}
.frame-top-menu a{
    color: #666666;
    text-decoration: none;
}
.frame-top-menu a:hover{
    color: #249ff1;
    text-decoration: none;
}
/*********************一级菜单************************/
.top-menu{
    position: relative;
    display: block;
    float: left;
    margin-left: 35px;
}
.top-menu-ico {
    position: absolute;
    left: 7px;
    width: 40px;
    text-align: center;
}
.top-menu-text {
    font-size: 13px;
    font-weight: bolder;
    text-align: center;
    display: inline-block;
    margin-top: 30px;
}
/*********************框架************************/
.frame-main{
    position:absolute;
    left:0px;
    right:0;
    top:66px;
    bottom:0;
}
.main-content{
    position:absolute;
    left:190px;
    top:0;
    right:0;
    bottom:0;
    background-color: #fff;
}
.tabs-nav{
    height:26px;
    width:100%;
    border-bottom:1px solid rgb(224, 224, 224);
    background-color: rgb(249, 249, 249);
}
.tabs-nav ul{
    height: 26px;
}
.tabs-nav ul li {
    float: left;
    width: 140px;
    height: 26px;
    line-height: 26px;
    background-color:#cecece;
    text-align: center;
    color: #000;
    font-weight: normal;
    cursor: pointer;
    position: relative;
    border-left:1px solid rgb(224, 224, 224);
    border-right:1px solid rgb(224, 224, 224);
}
.tab-close-btn{
    position: absolute;
    right: 6px;
    top:7px;
    color:#666;
}
.tab-close-btn:hover{
    color:#e73c3c;
}
.tabs-nav ul li.on {
    background-color: #fff;
    font-weight: bold;
    color: #000;
    border-left:1px solid rgb(224, 224, 224);
    border-right:1px solid rgb(224, 224, 224);
    border-bottom:1px solid #fff;
}
.tabs-content{
    top:27px;
    left:0px;
    right:0px;
    bottom:0px;
    position: absolute;
}

.tabs-content .box {
    display: none;
    height:100%;
    width:100%;
    overflow:hidden;
}
.tabs-content .on {
    display: block;
}
.quick-tab-close-btn{
    color:red;
    margin-left:10px;
    margin-right:10px;
}
/*********************二级菜单************************/
.sidebar {
    top: 0px;
    width: 189px;
    bottom: 0px;
    border-right-color: rgb(204, 204, 204);
    border-right-width: 1px;
    border-right-style: solid;
    position: absolute;
    background-color: rgb(242, 242, 242);
}
.sidebar-collapse {
    padding: 3px 0px;
    text-align: center;
    border-bottom-color: rgb(224, 224, 224);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
    background-color: rgb(243, 243, 243);
}
.sidebar-collapse > [class*='fa-'] {
    padding: 0px 5px;
    border-radius: 16px;
    border: 1px solid rgb(187, 187, 187);
    border-image: none;
    color: rgb(170, 170, 170);
    line-height: 18px;
    font-size: 14px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
}
.sidebar-collapse::before {
    left: 15px;
    top: 13px;
    height: 0px;
    right: 15px;
    border-top-color: rgb(224, 224, 224);
    border-top-width: 1px;
    border-top-style: solid;
    display: inline-block;
    position: absolute;
    content: "";
}
li [class^='fa-'] {
    width: auto;
}
li [class*=' fa-'] {
    width: auto;
}
.nav-list li [class^='fa-'] {
    width: auto;
}
.nav-list li [class*=' fa-'] {
    width: auto;
}
.nav-list {
    list-style: none; margin: 0px; padding: 0px;
}
.nav-list > li > a {
    margin: 0px;
}
.nav-list .nav-header {
    margin: 0px;
}
.nav-list > li {
    border-width: 1px 0px; border-style: solid none; border-color: rgb(252, 252, 252) currentColor rgb(229, 229, 229); margin: 0px; padding: 0px; border-image: none; display: block; position: relative;
}
.nav-list > li > a {
    padding: 0px 16px 0px 7px;
    height: 38px;
    color: rgb(88, 88, 88);
    line-height: 36px;
    font-size: 13px;
    text-decoration: none;
    display: block;
    text-shadow: none !important;
    background-color: rgb(249, 249, 249);
}
.nav-list > li > a > [class*='fa-']:first-child {
    text-align: center; font-size: 18px; font-weight: normal; vertical-align: middle; display: inline-block; min-width: 30px;
}
.nav-list > li > a:focus {
    color: rgb(25, 99, 170); background-color: rgb(249, 249, 249);
}
.nav-list > li > a:hover {
    color: rgb(25, 99, 170); background-color: rgb(255, 255, 255);
}
.nav-list > li > a:hover::before {
    left: 0px; top: -1px; width: 3px; bottom: 0px; overflow: hidden; display: block; position: absolute; max-width: 3px; content: ""; background-color: rgb(51, 130, 175);
}
.nav-list > li a > .arrow {
    padding: 0px; top: 11px; width: 14px !important; height: 14px; right: 9px; color: rgb(102, 102, 102); line-height: 14px; font-size: 18px; display: inline-block; position: absolute; text-shadow: none;
}
.nav-list > li a:hover > .arrow {
    color: rgb(25, 99, 170);
}
.nav-list > li.active > a > .arrow {
    color: rgb(25, 99, 170);
}
.nav-list > li.open > a > .arrow {
    color: rgb(25, 99, 170);
}
.nav-list > li.separator {
    margin: 1px 0px; height: 3px; position: static; box-shadow: none; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.nav-list > li.open > a {
    color: rgb(25, 99, 170); background-color: rgb(250, 250, 250);
}
.nav-list > li.active {
    background-color: rgb(255, 255, 255);
}
.nav-list > li.active > a {
    color: rgb(11, 108, 188); font-size: 13px; font-weight: bold; background-color: rgb(255, 255, 255);
}
.nav-list > li.active > a:hover {
    color: rgb(11, 108, 188); font-size: 13px; font-weight: bold; background-color: rgb(255, 255, 255);
}
.nav-list > li.active > a:focus {
    color: rgb(11, 108, 188); font-size: 13px; font-weight: bold; background-color: rgb(255, 255, 255);
}
.nav-list > li.active > a:active {
    color: rgb(11, 108, 188); font-size: 13px; font-weight: bold; background-color: rgb(255, 255, 255);
}
.nav-list > li.active > a > [class*='fa-'] {
    font-weight: normal;
}
.nav-list > li.active > a:hover::before {
    display: none;
}
.nav-list > li.active::after {
    top: -1px; right: -2px; bottom: 0px; border-right-color: rgb(11, 108, 188); border-right-width: 2px; border-right-style: solid; display: inline-block; position: absolute; content: "";
}
.nav-list > li.open {
    border-bottom-color: rgb(229, 229, 229);
}
.nav-list > li.active .submenu {
    display: block;
}
.nav-list > li .submenu {
    list-style: none; margin: 0px; padding: 0px; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid; display: none; position: relative; background-color: rgb(255, 255, 255);
}
.nav-list > li .submenu > li {
    margin-left: 0px; position: relative;
}
.nav-list > li .submenu > li > a {
    margin: 0px; padding: 7px 0px 8px 37px; color: rgb(97, 97, 97); border-top-color: rgb(228, 228, 228); border-top-width: 1px; border-top-style: dotted; display: block; position: relative;
}
.nav-list > li .submenu > li > a:focus {
    text-decoration: none;
}
.nav-list > li .submenu > li > a:hover {
    color: rgb(75, 136, 183); text-decoration: none;
}
.nav-list > li .submenu > li.active > a {
    color: rgb(11, 108, 188);
}
.nav-list > li .submenu > li a > [class*='fa-']:first-child {
    left: 10px; top: 11px; width: 18px; height: auto; text-align: center; line-height: 12px; font-size: 12px; font-weight: normal; display: none; position: absolute; z-index: 1; background-color: rgb(255, 255, 255);
}
.nav-list > li .submenu > li.active > a > [class*='fa-']:first-child {
    display: inline-block;
}
.nav-list > li .submenu > li:hover > a > [class*='fa-']:first-child {
    display: inline-block;
}
.nav-list > li .submenu > li.active > a > [class*='fa-']:first-child {
    color: rgb(200, 97, 57);
}
.nav-list > li > .submenu > li::before {
    left: 18px; top: 17px; width: 8px; border-top-color: rgb(204, 215, 226); border-top-width: 1px; border-top-style: solid; display: inline-block; position: absolute; content: "";
}
.nav-list > li > .submenu > li:first-child > a {
    border-top-color: rgb(250, 250, 250); border-top-width: 1px; border-top-style: solid;
}
.nav-list > li > .submenu::before {
    left: 18px; top: 0px; bottom: 0px; border-left-color: rgb(204, 215, 226); border-left-width: 1px; border-left-style: solid; display: block; position: absolute; z-index: 1; content: "";
}
.nav-list > li.active > .submenu > li::before {
    border-top-color: rgb(188, 207, 224);
}
.nav-list > li.active > .submenu::before {
    border-left-color: rgb(188, 207, 224);
}
.nav-list li .submenu {
    overflow: hidden;
}
.nav-list li.active > a::after {
    border-width: 14px 10px; border-style: solid; border-color: transparent rgb(11, 108, 188) transparent transparent; border-image: none; top: 4px; right: 0px; display: block; position: absolute !important; content: "";
}
.nav-list li.open > a::after {
    display: none;
}
.nav-list li.open.active > .submenu > li.open.active > a.dropdown-toggle::after {
    display: none;
}
.nav-list li.active > .submenu > li.active > a::after {
    display: none;
}
.nav-list li.open.active > .submenu > li.active > a::after {
    display: block;
}
.menu-min .nav-list li.open.active > .submenu > li.active > a::after {
    display: none;
}
.nav-list li.no-active-child.active > a::after {
    display: inline-block !important;
}
.nav-list a .badge {
    top: 9px; right: 11px; padding-right: 6px; padding-left: 6px; font-size: 12px; position: absolute; opacity: 0.88;
}
.nav-list a .label {
    top: 9px; right: 11px; padding-right: 6px; padding-left: 6px; font-size: 12px; position: absolute; opacity: 0.88;
}
.nav-list a .badge [class*='fa-'] {
    margin: 0px; vertical-align: middle;
}
.nav-list a .label [class*='fa-'] {
    margin: 0px; vertical-align: middle;
}
.nav-list a.dropdown-toggle .badge {
    right: 28px;
}
.nav-list a.dropdown-toggle .label {
    right: 28px;
}
.nav-list a:hover .badge {
    opacity: 1;
}
.nav-list a:hover .label {
    opacity: 1;
}
.nav-list .submenu .submenu a .badge {
    top: 6px;
}
.nav-list .submenu .submenu a .label {
    top: 6px;
}
.nav-list a.dropdown-toggle .badge {
    right: 28px;
}
.nav-list a.dropdown-toggle .label {
    right: 28px;
}
.nav-list li.open.active > .submenu > li.open.active > a.dropdown-toggle::after {
    display: none;
}
.nav-list > li > .submenu li > .submenu {
    border-top-color: currentColor; border-top-width: 0px; border-top-style: none; display: none; background-color: transparent;
}
.nav-list > li > .submenu li.active > .submenu {
    display: block;
}
.nav-list > li > .submenu a > .arrow {
    top: 10px; right: 11px; color: rgb(107, 130, 142); font-size: 16px;
}
.nav-list > li > .submenu li > .submenu > li > a > .arrow {
    top: 9px; right: 12px;
}
.nav-list > li > .submenu li > .submenu > li {
    line-height: 16px;
}
.nav-list > li > .submenu li > .submenu > li::before {
    display: none;
}
.nav-list > li > .submenu li > .submenu > li > a {
    padding-left: 22px; margin-left: 20px;
}
.nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
    padding-left: 38px; margin-left: 20px;
}
.nav-list > li > .submenu li > .submenu > li a > [class*='fa-']:first-child {
    color: inherit; font-size: 14px; display: inline-block; position: static; background-color: transparent;
}
.nav-list > li > .submenu li > .submenu > li a {
    color: rgb(119, 119, 119); font-size: 13px;
}
.nav-list > li > .submenu li > .submenu > li a:hover {
    color: rgb(49, 98, 146); text-decoration: underline;
}
.nav-list > li > .submenu li > .submenu > li a:hover [class*='fa-'] {
    color: rgb(49, 98, 146); text-decoration: none;
}
.nav-list > li > .submenu li.open > a {
    color: rgb(37, 99, 158);
    background-color: #fff;
}
.nav-list > li > .submenu li.open > a > [class*='fa-']:first-child {
    display: inline-block;
}
.nav-list > li > .submenu li.open > a .arrow {
    color: rgb(37, 99, 158);
}
.nav-list > li > .submenu li > .submenu li.open > a {
    color: rgb(37, 99, 158);
}
.nav-list > li > .submenu li > .submenu li.open > a > [class*='fa-']:first-child {
    color: rgb(25, 99, 170); display: inline-block;
}
.nav-list > li > .submenu li > .submenu li.open > a .arrow {
    color: rgb(37, 99, 158);
}
.nav-list > li > .submenu li > .submenu li.active > a {
    color: rgb(19, 107, 180);
}
.nav-list > li > .submenu li > .submenu li.active > a > [class*='fa-']:first-child {
    color: rgb(19, 107, 180); display: inline-block;
}
.nav-list > li.open.active li.active > a::after {
    border-width: 14px 8px; top: 2px;
}
.nav-list > li.open.active li.open.active li.active > a::after {
    top: 0px;
}
/*********************迷你菜单************************/
.menu-min.sidebar {
    width: 42px;
}
.menu-min.sidebar::before {
    width: 42px;
}
.menu-min.sidebar + .main-content {
    left: 43px;
}
.menu-min.sidebar + .main-content .fixed.breadcrumbs {
    left: 43px;
}
.menu-min .nav-list a .badge {
    left: 4px; top: -1px; right: auto; position: relative;
}
.menu-min .nav-list a .label {
    left: 4px; top: -1px; right: auto; position: relative;
}
.menu-min .nav-list .submenu .submenu a .badge {
    top: 0px;
}
.menu-min .nav-list .submenu .submenu a .label {
    top: 0px;
}
.menu-min .nav-list > li > a {
    position: relative;
}
.menu-min .nav-list > li > a > .menu-text {
    border: 1px solid rgb(204, 204, 204); border-image: none; left: 41px; top: -2px; width: 158px; height: 39px; line-height: 38px; padding-left: 12px; display: none; position: absolute; z-index: 121; box-shadow: 2px 1px 2px 0px rgba(0,0,0,0.2); background-color: rgb(245, 245, 245); -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    border-width: 0px 0px 1px; border-style: none none solid; border-color: currentColor currentColor rgb(221, 221, 221); border-image: none; left: 43px; top: -1px; width: 163px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.menu-min .nav-list > li > a .arrow {
    display: none;
}
.menu-min .nav-list > li > a:hover::before {
    width: 2px;
}
.menu-min .nav-list > li:hover > a {
    color: rgb(25, 99, 170);
}
.menu-min .nav-list > li:hover > a > .menu-text {
    display: block;
}
.menu-min .nav-list > li.active > a > .menu-text {
    border-left-color: rgb(25, 99, 170);
}
.menu-min .nav-list > li.open > a {
    color: rgb(88, 88, 88); background-color: rgb(250, 250, 250);
}
.menu-min .nav-list > li.active.open > a {
    background-color: rgb(255, 255, 255);
}
.menu-min .nav-list > li.open:hover > a {
    color: rgb(25, 99, 170);
}
.menu-min .nav-list > li.active > a {
    color: rgb(11, 108, 188);
}
.menu-min .nav-list > li.active > a::after {
    border-width: 10px 6px; top: 8px;
}
.menu-min .nav-list > li.open.active > a::after {
    display: block;
}
.menu-min .nav-list > li.open.active li.active > a::after {
    display: none;
}
.menu-min .nav-list > li > .submenu {
    background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-image: none; left: 42px; top: -2px; width: 175px; padding-top: 40px; padding-bottom: 2px; display: none !important; position: absolute; z-index: 120; box-shadow: 2px 1px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.menu-min .nav-list > li > .submenu::before {
    display: none;
}
.menu-min .nav-list > li > .submenu li::before {
    display: none;
}
.menu-min .nav-list > li > .submenu li > a {
    padding-left: 24px; margin-left: 0px;
}
.menu-min .nav-list > li > .submenu li > a > [class*='fa-']:first-child {
    left: 4px;
}
.menu-min .nav-list > li:hover > .submenu {
    display: block !important;
}
.menu-min .nav-list > li.active > .submenu {
    border-left-color: rgb(25, 99, 170);
}
.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    border-width: 0px 0px 1px; border-style: none none solid; border-color: currentColor currentColor rgb(221, 221, 221); border-image: none; left: 42px; top: -1px; width: 163px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.menu-min .nav-list > li > .submenu li > .submenu > li > a {
    padding-left: 30px; margin-left: 0px;
}
.menu-min .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
    padding-left: 45px; margin-left: 0px;
}
.menu-min .nav-list > li > .submenu li.active > a::after {
    display: none;
}
